<template>
  <basic-container>
    <el-collapse accordion v-model="activeNames">
      <el-collapse-item name="1">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">基本信息</span>
        </template>
        <baseinfo ref="baseinfo" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="2">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">主要联系人信息</span>
        </template>
        <contact ref="contact" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="3">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">整体人员结构</span>
        </template>
        <staff ref="staff" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="4">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">银行信息</span>
        </template>
        <bank ref="bank" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="5">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">近三年财务信息</span>
        </template>
        <finance ref="finance" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="6">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">资质信息</span>
        </template>
        <qualification ref="qualification" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="7">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">工厂信息</span>
        </template>
        <factory ref="factory" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item>
        <template slot="title" name="8">
          <span style="font-weight: bold; font-size: 14px">产品信息</span>
        </template>
        <product ref="product" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="9">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">客户/市场信息</span>
        </template>
        <customer ref="customer" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="10">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">原料信息</span>
        </template>
        <material ref="material" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="11">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">设备信息</span>
        </template>
        <equipment ref="equipment" :changeId="changeId" />
      </el-collapse-item>
      <el-collapse-item name="12">
        <template slot="title">
          <span style="font-weight: bold; font-size: 14px">物流信息</span>
        </template>
        <logistics ref="logistics" :changeId="changeId" />
      </el-collapse-item>
    </el-collapse>
  </basic-container>
</template>

<script>
import baseinfo from '@/views/tenant/supplier/change/components/base'
import contact from '@/views/tenant/supplier/change/components/contact'
import staff from '@/views/tenant/supplier/change/components/staff'
import bank from '@/views/tenant/supplier/change/components/bank'
import finance from '@/views/tenant/supplier/change/components/finance'
import qualification from '@/views/tenant/supplier/change/components/qualification'
import factory from '@/views/tenant/supplier/change/components/factory'
import product from '@/views/tenant/supplier/change/components/product'
import customer from '@/views/tenant/supplier/change/components/customer'
import material from '@/views/tenant/supplier/change/components/material'
import equipment from '@/views/tenant/supplier/change/components/equipment'
import logistics from '@/views/tenant/supplier/change/components/logistics'

export default {
  name: 'ChangeInfo',
  props: ['changeId'],
  components: {
    baseinfo,
    contact,
    staff,
    bank,
    finance,
    qualification,
    factory,
    product,
    customer,
    material,
    equipment,
    logistics
  },
  data: () => ({
    defaults: {},
    activeNames: ['1']
  }),
  methods: {
    handlePrev() {
      this.$emit('prev')
    },
    handleClose() {
      this.$emit('callback', false)
    }
  }
}
</script>

<style></style>
